<template>
	<view class="home-content-title">
		<view class="home-content-title-1">{{title}}</view>
		<view class="home-content-title-2" v-if="subTitle">{{subTitle}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: '',
				required: true
			},
			subTitle: {
				type: String,
				default: '',
				required: false
			}
		},
	}
</script>

<style lang="scss" scoped>
	.home-content-title-1 {
		font-size: 42rpx;
		color: #333;
		font-weight: bold;
	}
	.home-content-title-2 {
		font-size: 28rpx;
		color: #333;
		margin: 8rpx 0 16rpx 0;
	}
</style>